<template>
  <div class="continue">
    <div class="box">
      <!-- 标题 -->
      <h2 class="title">恶意网址拦截</h2>
      <!-- 下盒子-->
      <div class="conBox">
        <div v-for="item in BoxList" :key="item.id">
          <img :src="item.imgsrc" alt="">
          <div class="con">
            <h4>{{item.title}}</h4>
            <div>{{item.con}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import img01 from '../assets/01.png'
  import img02 from '../assets/02.png'
  import img03 from '../assets/03.png'
  import img04 from '../assets/04.png'
  export default {
    data() {
      return {
        BoxList: [
          {
            id: 1,
            imgsrc: img01,
            title: '快速识别',
            con: '海量数据处理能力，海量社交用户举报数据，结合全面的互联网产品接入，秒级识别钓鱼网站'
          },
          {
            id: 2,
            imgsrc: img02,
            title: '全面覆盖',
            con: '十年安全沉淀，业界领先的恶意覆盖'
          },
          {
            id: 3,
            imgsrc: img03,
            title: '精准过滤',
            con: '基于腾讯安全云智能过滤技术及千万级恶意网址特征，精准过滤，误差低'
          },
          {
            id: 4,
            imgsrc: img04,
            title: '智能查杀',
            con: '海量多纬度数据结合人工智能算法，能快速感知，打击新的变种'
          }
        ]
      }
    }
  }
</script>

<style lang="less" scoped>
  * {
    margin: 0;
    padding: 0;
  }
  .continue {
    width: 100%;
    background-color: rgb(246, 247, 249);
    h2 {
      padding: 80px 0;
      text-align: center;
    }
    .box {
      width: 1080px;
      margin: 0 auto;
      .conBox {
        display: flex;
        > div {
          width: 270px;
          height: 338.23px;
          padding: 43px 30px 20px 30px;
          background-color: #fff;
          border: 1px solid rgb(240, 240, 240);
          color: rgb(93, 93, 101);
          img {
            width: 100%;
          }
          .con {
            margin: 28px 0 5px 0;
            h4 {
              font-size: 14px;
              margin-bottom: 10px;
            }
          }
        }
      }
    }
  }
</style>
